<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Indiefilm Studio Management System</title>
  <script>
  $(document).ready(function() {
    $("#progressbarTodo").progressbar({ value: 19.37 });
  });
  </script>

</head>

<body>	
		<div id="TabLayout">
	
				<!-- Layout Content -->
	<div class="tabFullContent">
    
        
<div class="tableBorder">    
        <table width="100%" class="yellowTable">
                  <tr>
                    <td width="195"><label>Estimated Hours:</label></td>
                    <td width="66"><span class="hoursESTBG">80.50</span></td>
                    <td width="193"><label>Recorded Hours:</label></td>
                    <td width="62"><span class="hoursBG">129.25</span></td>
                    <td width="175"><label>Task To Do:</label></td>
                    <td width="46"><span class="numberBG">4</span></td>
                    <td width="343"><label>Time Progress: 15.75%</label></td>
                    <td width="334"><div id="progressbarTodo"></div></td>
                  </tr>
    </table>        
</div><!-- table border-->    
    
    
    
    <div class="litetableBorder">
      <table width="100%" class="liteTable">
              <tr class="headerRow">
                    <td class="inputNoPadding">New Task</td>
                    <td class="inputNoPadding">Assigned To</td>
                    <td class="inputNoPadding">Due Time</td>
                    <td class="inputNoPadding"> Due Date</td>
                    <td class="inputNoPadding"></td>
        </tr>
                  <tr>
                    <td width="697" class="inputNoPadding"><input type="text" name="textfield3" id="textfield3" size="60" /></td>
                    <td width="258" class="inputNoPadding"><label for="select">
                      <select name="select" id="select">
                        <option value="Anyone">Anyone</option>
                        <option value="Borden L.">Borden L.</option>
                        <option value="Murdoch D.">Murdoch D.</option>
                        <option value="Buddy Y.">Buddy Y.</option>
                        <option value="Claire Z.">Claire Z.</option>
                      </select>
                    </label></td>
                    <td width="261" class="inputNoPadding"><input type="text" name="textfield4" id="textfield4" size="8" /></td>
                    <td width="72" class="inputNoPadding">
                    
                    <script type="text/javascript">
	$(function() {
		$("#datepicker").datepicker();

	});
	</script>


<div>
<input id="datepicker" type="text" size="10">
</div><!-- End demo -->

                    </td>
                    <td width="100" class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                  </tr>
      </table>        
</div><!-- table border-->

<h4>To Do Tasks</h4>
    <div class="tableBorder">
        <table width="100%" class="yellowTable">
                  <tr class="headerRow">
                    <td>Record</td>
                    <td>Hours</td>
                    <td>&nbsp;</td>
                    <td class="inputNoPadding">Task</td>
                    <td class="inputNoPadding">Assigned To</td>
                    <td class="inputNoPadding">Due Date</td>
                    <td class="inputNoPadding"></td>
                  </tr>
                  <tr>
                    <td width="65"><input type="text" name="textfield" id="textfield" size="2" />
                    <a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                    <td width="46"><span class="hoursBG">0.25</span></td>
                    <td width="20"><a href="#"><img src="../../indiefilm/images/bin.png" alt="Bin" /></a></td>
                    <td width="628" class="inputNoPadding">Meet at 270 Victoria St Hamilton on 10am (Due 31 Aug)</td>
                    <td width="100" class="inputNoPadding"><span class="greyText">Borden L.</span></td>
                    <td width="71" class="inputNoPadding"><span class="redAlert">Due</span></td>
                    <td width="29" class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/tick.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td><input type="text" name="textfield7" id="textfield7" size="2" />
                      <a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                    <td><span class="hoursBG">0.50</span></td>
                    <td><a href="#"><img src="../../indiefilm/images/bin.png" alt="Bin" /></a></td>
                    <td class="inputNoPadding">Do slideshow for Picakucha Night. (Due 30 Aug)</td>
                    <td class="inputNoPadding"><span class="greyText">Borden L.</span></td>
                    <td class="inputNoPadding"><span class="redAlert">Overdue</span></td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/tick.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td><input type="text" name="textfield5" id="textfield5" size="2" />
                      <a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                    <td><span class="hoursBG">0.50</span></td>
                    <td><a href="#"><img src="../../indiefilm/images/bin.png" alt="Bin" /></a></td>
                    <td class="inputNoPadding">Email Fieldays Clients  (Due 19 Aug)</td>
                    <td class="inputNoPadding"><span class="greyText">Murdoch D.</span></td>
                    <td class="inputNoPadding"><span class="blueText">10 Aug 10</span></td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/tick.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td><input type="text" name="textfield6" id="textfield6" size="2" />
                      <a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                    <td><span class="hoursBG">3.00</span></td>
                    <td><a href="#"><img src="../../indiefilm/images/bin.png" alt="Bin" /></a></td>
                    <td class="inputNoPadding"><a href="#"></a> Meeting with the client to discuss about website options. (1 Aug 10) <a href="#"><img src="../../indiefilm/images/clock.png" alt="Clock" title="Due 13:30 on 1 Aug 10" /></a></td>
                    <td class="inputNoPadding"><span class="greyText">Multipule Staff</span></td>
                    <td class="inputNoPadding"><span class="blueText">31 Aug 10</span></td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/tick.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td><input type="text" name="textfield2" id="textfield2" size="2" />
                      <a href="#"><img src="../../indiefilm/images/add.png" alt="Add" /></a></td>
                    <td><span class="hoursBG">125.50</span></td>
                    <td><a href="#"><img src="../../indiefilm/images/bin.png" alt="Bin" /></a></td>
                    <td class="inputNoPadding">Development Interface and working on logo Call 07 83815837. </td>
                    <td class="inputNoPadding"><span class="greyText">Anyone</span></td>
                    <td class="inputNoPadding"><span class="blueText">-</span></td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/tick.png" alt="Done" /></a></td>
                  </tr>
          </table>        
</div><!-- table border-->

<h4>Completed Tasks Log (<a href="#">Show</a>/<a href="#">Hide</a>)</h4>
 <div class="tableBorder">
<table width="100%" class="greyTable">
                  <tr class="headerRow">
                    <td>Hours Spent</td>
                    <td class="inputNoPadding">Tasks</td>
                    <td class="inputNoPadding">Completed  By</td>
                    <td class="inputNoPadding">Out Date</td>
                    <td class="inputNoPadding">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><span class="hoursBG">123</span></td>
                    <td class="inputNoPadding"><s>Make phone call to the client</s></td>
                    <td class="inputNoPadding"><span class="greyText">Buddy Y.</span></td>
                    <td class="inputNoPadding">20 Aug</td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/ticked.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td><span class="hoursBG">6</span></td>
                    <td class="inputNoPadding"><s>Call client to review.</s></td>
                    <td class="inputNoPadding"><span class="greyText">Murdoch D.</span></td>
                    <td class="inputNoPadding">16 Aug</td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/ticked.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td width="106"><span class="hoursBG">4.25</span></td>
                    <td width="1079" class="inputNoPadding"><s>Make phone call to the client</s></td>
                    <td width="129" class="inputNoPadding"><span class="greyText">Borden L.</span></td>
                    <td width="79" class="inputNoPadding">16 Aug</td>
                    <td width="33" class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/ticked.png" alt="Done" /></a></td>
                  </tr>
                  <tr>
                    <td><span class="hoursBG">3.25</span></td>
                    <td class="inputNoPadding"><s>Development Interface.</s></td>
                    <td class="inputNoPadding"><span class="greyText">Murdoch D.</span></td>
                    <td class="inputNoPadding">15 Aug</td>
                    <td class="inputNoPadding"><a href="#"><img src="../../indiefilm/images/ticked.png" alt="Done" /></a></td>
                  </tr>
    </table>
</div><!-- table border-->

</div> <!--work left content-->
    
   <div class="clear"><!-- --></div>
</body>
</html>
